.electronic_contract {
  min-height: 10rem;
  border-bottom: 1px #ccc solid;
  text-align: center;
  line-height: 10rem;
}
.md-button.block {
  width: 70%;
  margin: 20px auto;
}
.md-button.warning {
  background-color: #ff0a13;
  color: #fff;
}
.g-header {
  background-color: pink;
  padding: 0.2rem 0.3rem;
  .g-header-name {
    font-size: 30px;
    .g-header-name-icon {
      display: inline-block;
      background-color: #fff;
      width: 25px;
      height: 25px;
      border-radius: 50%;
    }
  }
  .g-header-message {
    text-align: center;
    padding: 0.2rem 0;
    line-height: 60px;
    b {
      font-size: 35px;
      span {
        color: red;
      }
    }
  }
}
.g-list {
  ul {
    border-bottom: 0.2rem solid #ccc;
    li:nth-child(1) {
      padding: 0.2rem;
      display: flex;
      div:nth-child(1) {
        flex: 1;
      }
      div:nth-child(2) {
        flex: 3;
      }
    }
    li:nth-child(2) {
      padding: 0.2rem;
      display: flex;
      div:nth-child(1) {
        flex: 1;
      }
      div:nth-child(2) {
        flex: 3;
        input {
          width: 80%;
          border: none;
          font-size: 28px;
        }
      }
    }
    li:nth-child(3) {
      padding: 0.2rem;
      display: flex;
      div:nth-child(1) {
        flex: 1;
      }
      div:nth-child(2) {
        flex: 3;
        color: grey;
        /deep/ .md-icon {
          margin-left: 240px;
        }
      }
    }
    li:nth-child(4) {
      padding: 0.2rem;
      display: flex;
      div:nth-child(1) {
        flex: 1;
      }
      div:nth-child(2) {
        flex: 3;
        input {
          width: 100%;
          border: none;
          font-size: 28px;
        }
      }
    }
  }
}
.g-id {
  ul {
    border-bottom: 0.2rem solid #ccc;
    li:nth-child(1) {
      padding: 0.2rem;
      display: flex;
      div:nth-child(1) {
        flex: 1;
      }
      div:nth-child(2) {
        flex: 3;
      }
    }
    li:nth-child(2) {
      padding: 0.2rem;
      display: flex;
      div:nth-child(1) {
        flex: 1;
      }
      div:nth-child(2) {
        flex: 3;
        input {
          width: 60%;
          border: none;
          font-size: 28px;
        }
        span {
          display: inline-block;
          background-color: red;
          color: #fff;
          text-align: center;
        }
      }
    }
  }
}
.g-recom {
  ul {
    border-bottom: 0.2rem solid #ccc;
    li{
      padding: 0.2rem;
      display: flex;
      div:nth-child(1) {
        flex: 1;
      }
      div:nth-child(2) {
        flex: 3;
        input {
          width: 100%;
          border: none;
          font-size: 28px;
        }
      }
    }
  }
}
.g-button {
    padding: .2rem;
}
